<template>
<div>
{{a}}
</div>
</template>

<script>
export default {
  data () {
    return {
      // 声明数据变量//下面使用这里面的变量用this.变量名
      // this指的就是export default里面导出的这个对象
    }
  },
  methods: {
    // 函数名(){}
    // 声明函数的
  },
  computed: {
    // 计算属性名(){
    // 计算属性虽然是函数方式声明的,但是使用的时候是变量的形式(data中变量的使用方式)
    // 必须要有return
    // }
    a () {
      return 20
    }
  },
  created () {
    // 页面上初始化后执行的代码
    // 钩子函数
    // 注册全局事件/页面一刷新就想得到的数据
  }
}
</script>

<style>

</style>
